home *** CD-ROM | disk | FTP | other *** search
/ HyperLib 1997 Winter - Disc 1 / HYPERLIB-1997-Winter-CD1.ISO.7z / HYPERLIB-1997-Winter-CD1.ISO / オンラインウェア / COM / FrameWork 1.01 PPC.sit / FrameWork 1.01 PPC / FRAMESYNTAX next >
Text File  |  1996-08-31  |  6KB  |  150 lines
  1. Frame Syntax
  2.  
  3. About this page:
  4.     This is a simplified description of frame syntax for Framework 1.0
  5. users. It only gives a brief description of frames and targets, and doesn't
  6. go into the layout aspects of frames since Framework takes care of the
  7. layout of a page for you.
  8.  
  9. Elements of a page with Frames:
  10.     A page with frames has a few simple elements, <FRAMESET> tags,
  11. <FRAME> tags, and <NOFRAME> tags. Pretty simple, right? Well, it's
  12. not that easy. Each tag has specific elements that can affect the layout
  13. and behavior of the page. Below is the complete html code for a very simple
  14. frame page:
  15.  
  16.  
  17.     <html>
  18.     <head>
  19.     <title>Simple Frame Page</title>
  20.     </head>
  21.     
  22.     <frameset cols="30%, *" frameborder="no">
  23.     <frame
  24.         src="left_side.html"
  25.         name="left"
  26.         scrolling="auto"
  27.         marginwidth="20"     
  28.         noresize>
  29.     <frame
  30.         src="right_side.html"
  31.         name="right">
  32.     </frameset>
  33.     
  34.     <noframes>
  35.  
  36.     <!-- Some browsers do not support frames. -->
  37.     <!-- Please put source for these browsers to view here. -->
  38.     
  39.     </noframes>
  40.  
  41.  
  42.     Now, this page would create a page with two frames on it. Understanding
  43. what the frame and frameset tags do is not needed. Nor is it important that
  44. you even know how this page would be layed out. In fact, if you're using
  45. FrameWork to design your html pages, there are only 3 things on this page
  46. that you should understand. The first is that every frame has a src (or
  47. source) attribute. This attribute tells your web browser where to find the 
  48. html document that belongs in that specific frame. In this case, we have two 
  49. source files, left_side.html and right_side.html. The source can also be a 
  50. full url, for example "http://www.somepage.com/". When you are setting up 
  51. your html pages in framework, it's important that you define a source 
  52. for every frame that you create.
  53.  
  54.     The second feature that's important on this page is the fact that every
  55. frame should have a name attribute if you plan to have links on your page
  56. which load into that frame. Names should be distinct. I also like to choose
  57. names that are reprentative of the frame. In this case, I chose "left" and
  58. "right" because one frame is on the left and one is on the right. I'll come
  59. back to why naming each of your frames is nessasary later in this document.
  60.  
  61.     The last feature that you should be familar with on this page is the
  62. "noframes" option. This section is provided so that you can give browsers
  63. that don't support frames an alternate html page
  64.  
  65. Elements of the <frame> tag
  66.  
  67.  
  68. Element Option Dexcription
  69. Scrolling    Yes    
  70.                 Gives the frame scroll bars regaurdless of the 
  71.                 data inside the frame
  72.             No
  73.                 The frame will never have scroll bars.
  74.             Auto
  75.                 The browser decides if this frame will have scroll
  76.                 bars based upon the data inside of the frame and 
  77.                 the size of the frame.
  78.  
  79. Resize         resize
  80.                 This frame can be resized by the user
  81.             noresize
  82.                 This frame can't be resized by the user
  83.  
  84. Src            string
  85.                 This is the url to the html file that 
  86.                 belongs inside the frame
  87.  
  88. Name        string
  89.                 The name attribute isn't required, but is needed 
  90.                 if you plan to have any links that you want
  91.                 to target to this frame.
  92.  
  93. Marginwidth    integer
  94.                 The marginwidth is used to determine the minimum 
  95.                 number of pixels from the right and left sides of 
  96.                 the frame that that text can go to. It's useful if
  97.                 you have some text that you would like to be 
  98.                 away from the sides of the frame 
  99.  
  100. Marginheight integer
  101.                 The marginheight is used to determine the minimum number 
  102.                 of pixels from the top and bottom of the frame that that 
  103.                 text can go to. It's useful if you have some text 
  104.                 that you would like to be away from the top and bottom of the frame 
  105.  
  106.  
  107.  
  108.  
  109.  
  110. Targets and Frames
  111.     Earlier we stated that it's important to give every frame a distinct name
  112. if you wish to have links load into that window. This is called targeting
  113. and is the thing most people who are just learning frames have trouble
  114. with. If we go back to our sample frame page, we see that we gave the left
  115. frame a source: left_side.html. That file might look something like this:
  116.  
  117. <html> 
  118. <head> 
  119. </head> 
  120. <body bgcolor="white"> 
  121. <a href="http://www.yahoo.com"> Yahoo</a> <br> 
  122. <a href="http://www.yahoo.com" target="right"> Right minded Yahoo</a> <br> 
  123. <a href="http://www.yahoo.com" target="_top"> A Fresh look at Yahoo</a> <br> 
  124. <a href="http://www.yahoo.com" target="_new"> Yahoo to a new window</a> <br> 
  125. <a href="http://www.yahoo.com" target="_self"> Self-centered Yahoo</a> <br> 
  126. </body> 
  127. </html> 
  128.  
  129.  
  130.     This frame just has a few links to Yahoo, but each link will behave
  131. differently because each one is targeted in a special manner. Since we gave
  132. the right frame the name "right", the second link will load into that
  133. frame. All the other links demonstrate the use of special targets. These
  134. targets can always be used for links and are defined as follows:
  135.  
  136. _top: Load this link into the same window as the frame I'm
  137.     located in, but get rid of all the frames when loading page
  138. _new: Load this link into a brand new window. The window that
  139.     this frame is located will still be left open and will remain unchanged.
  140. _self: Load this link into my own frame
  141. _parent: Load this link into my parent's frame. In many cases
  142.     this behaves similar to _top, but there is a slight difference that is
  143.     illustrated on our demos page
  144.  
  145.  
  146. If you're lazy and don't want to put targets on every single link and there
  147. is a common target that you want to define for an entire page, you can put
  148. a <base target="sometarget"> tag into the head tag and all links
  149. without a defined target will use that as the default.
  150.